<template>
  <Modal
    :active="removePenetrationModalActive"
    transfer
    title="移除穿透"
    hide-mask
    draggable
    :width="650"
    :no-footer="true"
    confirm-text="修正"
    @close="closeBtn"
  >
    <div class="standard-modal">
      <div class="selector">
        <!-- <div class="selector-title">选择器</div> -->
        <div class="title">
          <div class="title_color"></div>
          <div class="title_content">选择器</div>
        </div>
        <div class="selector-content">
          <div class="selectorBox">
            <div class="selector-buttons">
              <button class="selector-button active">组件</button>
              <button class="selector-button icon-button">
                <img
                  src="../../assets/delete.svg"
                  alt=""
                  class="icon imgStyle"
                />
              </button>
            </div>
            <div class="toleranceInput">
              <div class="input-title">容差:</div>
              <Input v-model:value="tolerance" />
            </div>
          </div>
        </div>
      </div>

      <div class="foot-box">
        <Button type="primary" size="small" @click="confirm">修正</Button>
      </div>
    </div>
  </Modal>
</template>
<script setup lang="ts">
import { Modal, Input, Button } from "cax-ui";
import { useMeshEditStore } from "@/UI/store/meshEditStore";
import { storeToRefs } from "pinia";
import { ref } from "vue";

const meshEditStore = useMeshEditStore();
const { removePenetrationModalActive } = storeToRefs(meshEditStore);
const tolerance = ref("0.0");

function confirm() {
  removePenetrationModalActive.value = false;
}
function closeBtn() {
  removePenetrationModalActive.value = false;
}
</script>
<style lang="less" scoped>
@import "../../styles/RemovePenetrationModal.less";
</style>
